FlyTalk.views.Servicelaitaliana = Ext.extend(Ext.Panel, {
	fullscreen: true,
	title: 'Servicelaitaliana',
	scroll: true,
	width: 290,
	
	items: [{
		//id: 'servicedetail',
		html: '<div style="line-height: 1.5em; font-size: medium; margin: 1em;"><b>Description:</b> Italian food<br><b>Walk time:</b> 4 min<br>'+
			  '<b>Wait time:</b> 20 min<br><b>Price:</b> $$ <br><img src="images/thumbsUP_postscopy.png" width="15px" />: 87% <br><b>Deals: </b>Get a 10% off your meal if you mention FlyTalk.<br><b>Menu: </b><br>'+		 
			  'Linguini Marinara 13 Euros 12 <img src="images/thumbsUP_postscopy.png" width="15px" /><br>'+
			  'Gnocchi Gorgonzola 12 Euros 8 <img src="images/thumbsUP_postscopy.png" width="15px" /><br>'+
			  'Seafood Risotto 15 Euros 7 <img src="images/thumbsUP_postscopy.png" width="15px" /><br>'+
			  'Bruschetta 4 Euros 5 <img src="images/thumbsUP_postscopy.png" width="15px" /><br>'
		},
		{
			xtype: 'button',
			text: 'view on map',
			handler: function(){
				Ext.get('serviceMap').update('<div><img id="tp" src="./images/map_laItalian.png"></img></div>');
				FlyTalk.views.ServiceMap.toolbar.setTitle("La Italiana");
				FlyTalk.views.mainView.setActiveItem(FlyTalk.views.ServiceMap, {type: 'slide', direction: 'right'});
			},
			style: 'margin: 1em',
		}
	],
	
	
	initComponent: function () {
		this.backButton = new Ext.Button({
			text: 'Back',
			ui: 'back',
			handler: this.backButtonTap,
			scope: this
		});
		
		this.toolbar = new Ext.Toolbar({
			id: 'toolbar',	
			title: 'La Italiana',
			doc: 'top',
			layout: 'hbox',
			items: [
				this.backButton,
				{xtype: 'spacer'},
				
			]
		});
		
		this.dockedItems = [this.toolbar];			
	
		FlyTalk.views.Servicelaitaliana.superclass.initComponent.call(this);
        
    },
	

		
	backButtonTap: function () {
        Ext.dispatch({
            controller: FlyTalk.controllers.ftController,
            action: 'closeServiceDetailView'
        });
    },

});